<div>
    <div class="cart-box">
        <div class="nb">
            <div class="cart-step">
                <ul>
                    <li class="cart1"><i></i>购物车</li>
                    <li class="cart2 oncart2"><i></i>确认订单</li>
                    <li class="cart3 oncart3"><i></i>付款</li>
                    <li class="cart4"><i></i>支付成功</li>
                </ul>
            </div>
            <div class="add-deliver">
                <div class="cart-title">
                    <h3><span>收货人信息</span></h3>
                </div>
                <div>
                    <div class="sh-address" style="width: 49%;float: left;">
                        <ul>
                            <li class="default-add">
                                <div class="inner-infos">
                                    <div class="addr-hd"><span>{{orderInfo.storeOrderAddressDto.username}}</span></div>
                                    <div class="addr-bd">
                                        <span></span><span>{{orderInfo.storeOrderAddressDto.address}}{{orderInfo.storeOrderAddressDto.tel}}</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="sh-address" style="width: 49%;float: right;height: 148px;">
                        <ul>
                            <div style="float: left;margin-top: 55px;"> <img src="../img/wxpay_native.png" style="width: 33px;height: 33px;vertical-align: middle;display: inline-block;margin-right: 9px;">
                            <a href="javascript:void(0);">使用微信扫码支付</a>
                            </div>
                            <div style="float: left; margin-top: 120px;margin-left: -120px;color: red;font-size: initial;">也可以联系管理员转账</div>
                            <div id="qrcode" style="width: 146px; height: 146px; float: left;margin-left: 50px;"></div>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="goods-infor">
                <div class="cart-title" style="margin-top: 166px;">
                    <h3><span>商品信息</span>
                </div>
                <div class="goods-table">
                    <div class="goods-thead">
                        <div class="col col1">
                            商品
                        </div>
                        <div class="col col3">
                            单价
                        </div>
                        <div class="col col4">
                            数量
                        </div>
                        <div class="col col5">
                            小计
                        </div>
                    </div>
                    <div class="goods-tbody">
                        <div class="goodinfor" v-for="(prod, index) in orderInfo.storeOrderCartDtos">
                            <div class="col col1 goods-title-pic">
                                <a :href="'/page.html#/pages/plateform/productDetail?productId=' + prod.productId" target="_blank"><img :src="prod.coverPhoto" width="60"
                                        height="60"></a>
                                <div class="goods-describ elli">
                                    <p><a :href="'/page.html#/pages/plateform/productDetail?productId=' + prod.productId" target="_blank">{{prod.prodName}}</a>
                                    </p>
                                    <p>{{prod.prodDesc}}</p>
                                </div>
                            </div>
                            <div class="col col3 goods-price"> ￥{{prod.price}} </div>
                            <div class="col col4 good-num"> {{prod.cartNum}} </div>
                            <div class="col col5 orange-bold xiaoji" style="border-bottom: none;"> ￥{{prod.cartNum *
                                prod.price}} </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="style-zhifu">
                <div class="fare-result">
                    <div class="cart-title">
                        <h3><span>结算信息</span></h3>
                    </div>
                    <div class="result-box">
                        <ul>
                            <li class="first">
                                <div class="calu-box">
                                    <p class="slivergrey"><span><b class="orange-bold">{{orderInfo.totalNum}}</b> 件商品
                                            ，总计：</span><span class="orange-bold big">￥<b
                                                id="payAmount">{{orderInfo.totalPrice}}</b></span></p>
                                    <p class="slivergrey"><span>运费：</span><span class="txtmoney">￥<b
                                                id="expfee">0.00</b></span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>